<!--
 * @Author: liaoyu1992 1519778181@qq.com
 * @Date: 2022-11-05 10:29:54
 * @LastEditors: liaoyu1992 1519778181@qq.com
 * @LastEditTime: 2022-11-11 22:00:40
 * @FilePath: \kgantt\core\components\grid\Grid.vue
 * @Description: 
-->
<template>
  <g class="kgantt-grid">
    <GridBody
      :tasks="tasks"
      :dates="dates"
      :svg-width="svgWidth"
      :row-height="rowHeight"
      :column-width="columnWidth"
      :today-color="todayColor"
      :rtl="rtl"
    />
  </g>
</template>
<script lang="ts" setup>
import { PropType } from "vue";
import { Task } from "../../types/publicTypes";
import GridBody from "./GridBody.vue";
defineProps({
  tasks: {
    type: Array as PropType<Task[]>,
    default: () => [],
  },
  dates: {
    type: Array as PropType<Date[]>,
    default: () => [],
  },
  svgWidth: {
    type: Number,
    default: 0,
  },
  rowHeight: {
    type: Number,
    default: 0,
  },
  columnWidth: {
    type: Number,
    default: 0,
  },
  todayColor: {
    type: String,
    default: "",
  },
  rtl: {
    type: Boolean,
    default: false,
  },
});
</script>